<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <link rel="stylesheet" href="${ctxPath}/style/weui.min.css">
    <link rel="stylesheet" href="${ctxPath}/style/home.css">
    <!-- jQuery 3 -->
    <script src="${ctxPath}/bower_components/jquery/dist/jquery.min.js"></script>
    <style>
        html, body {
            height: 100%;
        }

        .container, .page {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
        }
    </style>
    <title>中翰云油</title>
</head>
<body ontouchstart>
<div class="container">
    <div class="page">
        ${layoutContent}
    </div>
    <div id="toast" style="display: none;">
        <div class="weui-mask_transparent"></div>
        <div class="weui-toast">
            <i class="weui-icon-success-no-circle weui-icon_toast"></i>
            <p class="weui-toast__content">已完成</p>
        </div>
    </div>
</div>
</body>
<script>
    var $toast = $('#toast');
    function showToast() {
        if ($toast.css('display') != 'none') return;

        $toast.fadeIn(100);
        setTimeout(function () {
            $toast.fadeOut(100);
        }, 2000);
    }
</script>
</html>